<template>
    <div class="search">
        <div class="search-obj">
            <div class="title">机构名称:</div> <el-input v-model="orgName" style="width: 500px" placeholder="机构名称"
                disabled />
        </div>
        <div class="search-obj">
            <div class="title"> 进件团队:</div> <el-select v-model="channel" placeholder="进件团队" style="width: 500px"
                clearable>
                <el-option v-for="item in channelList" :key="item.value" :label="item.label" :value="item.value"
                    :disabled="item.disabled" />
            </el-select>
        </div>
        <div class="search-obj">
            <div class="title">监控维度指标设定:</div>
            <el-select v-model="target" placeholder="监控维度指标" style="width: 500px" clearable>
                <el-option v-for="item in targetlList" :key="item.value" :label="item.label" :value="item.value"
                    :disabled="item.disabled" />
            </el-select>
        </div>
        <div class="search-obj">
            <div class="title">监控维度设定（当日）:</div>
           <el-select v-model="monitoringCycle" placeholder="监控维度设定（当日）" style="width: 500px" clearable multiple>
                <template #label="{ label }">
                    <span>{{ label }} </span>
                </template>
                <el-option v-for="item in monitoringCycleList" :key="item.value" :label="item.label" :value="item.value" />
            </el-select>
        </div>

    </div>
    <div class="submit">
        <el-button color="rgba(200, 16, 46, 100)" @click="search">查询</el-button>
        <el-button color="rgb(220,220,220)" @click="clearable">重置</el-button>
    </div>
    <el-divider border-style="double" />
    <div class="image-describe">
        分析图象
    </div>
    <div class="table">
        <div class="talbe-left">
            <el-table :data="originData" style="width: 100%;" stripe >
                <el-table-column  label="">
                    <el-table-column prop="weeknumber" label="监控周期" min-width="180" align="center" />
                </el-table-column>
                <el-table-column label="计数">
                    <el-table-column  label="未婚"  >
                        <el-table-column prop="unmarriedWoman" label="女" min-width="80" align="center" />
                        <el-table-column prop="unmarriedMan" label="男" min-width="80" align="center" />
                    </el-table-column>
                    <el-table-column  label="已婚"  >
                        <el-table-column prop="marriedWoman" label="女" min-width="80" align="center" />
                        <el-table-column prop="marriedMan" label="男" min-width="80" align="center" />
                    </el-table-column>
                     <el-table-column  label="离异"  >
                        <el-table-column prop="divorcedWoman" label="女" min-width="80" align="center" />
                        <el-table-column prop="divorcedMan" label="男" min-width="80" align="center" />
                    </el-table-column>
                     <el-table-column  label="丧偶"  >
                        <el-table-column prop="loseWoman" label="女" min-width="80" align="center" />
                        <el-table-column prop="loseMan" label="男" min-width="80" align="center" />
                    </el-table-column>
                </el-table-column>
            <el-table-column label="百分比"  >
                   <el-table-column  label="未婚"  >
                        <el-table-column prop="unmarriedWomanRatio" label="女" min-width="80" align="center" />
                        <el-table-column prop="unmarriedManRatio" label="男" min-width="80" align="center" />
                    </el-table-column>
                    <el-table-column  label="已婚"  >
                        <el-table-column prop="marriedWomanRatio" label="女" min-width="80" align="center" />
                        <el-table-column prop="marriedManRatio" label="男" min-width="80" align="center" />
                    </el-table-column>
                     <el-table-column  label="离异"  >
                        <el-table-column prop="divorcedWomanRatio" label="女" min-width="80" align="center" />
                        <el-table-column prop="divorcedManRatio" label="男" min-width="80" align="center" />
                    </el-table-column>
                     <el-table-column  label="丧偶"  >
                        <el-table-column prop="loseWomanRatio" label="女" min-width="80" align="center" />
                        <el-table-column prop="loseManRatio" label="男" min-width="80" align="center" />
                    </el-table-column>
                </el-table-column>
                  <el-table-column  label="">
                    <el-table-column prop="oneWeek" label="第一周" min-width="80" align="center" />
                </el-table-column>
                  <el-table-column  label="">
                    <el-table-column prop="towWeek" label="第二周" min-width="80" align="center" />
                </el-table-column>
                  <el-table-column  label="">
                    <el-table-column prop="threeWeek" label="第三周" min-width="80" align="center" />
                </el-table-column>
                  <el-table-column  label="">
                    <el-table-column prop="fourWeek" label="第四周" min-width="80" align="center" />
                </el-table-column>
                <el-table-column  label="">
                    <el-table-column prop="PSI" label="PSI" min-width="80" align="center" />
                </el-table-column>
            </el-table>
        <div class="echarts-table">
                <div ref="chartRef" style="width: 150rem; height: 600px;"></div>
            </div>
        </div>
    </div>
    <div class="result-describe">结果说明：</div>
</template>
<script setup>
import { ref,onMounted } from 'vue'
import * as echarts from 'echarts';

let orgName = ref("江苏省工商银行")
let channel = ref("")
let channelList = ref([{ label: "江苏铭漫", value: 1 }])
let target = ref("")
let targetlList = ref([{ label: "性别", value: 1 },
{ label: "年龄", value: 2 },
{ label: "婚姻", value: 3 }, { label: "学历", value: 4 }, { label: "职业", value: 5 }])
let monitoringCycle = ref([])
let monitoringCycleList = ref([{ label: "当日", value: 1 },
{ label: "过去三天", value: 2 },
{ label: "过去一周", value: 3 },  { label: "过去一个月", value: 4 }])
const originData = ref([
    {
        "weeknumber": "2017/1/1-2017/1/10",
        "unmarriedWoman": 59,
        "unmarriedMan": 321,
        "marriedWoman": 224,
        "marriedMan": 798,
        "divorcedWoman": 50,
        "divorcedMan": 114,
        "loseWoman": 1,
        "loseMan": 2,
        "unmarriedWomanRatio": "3.76%",
        "unmarriedManRatio": "20.46%",
        "marriedWomanRatio": "14.28%",
        "marriedManRatio": "50.86%",
        "divorcedWomanRatio": "3.19%",
        "divorcedManRatio": "7.27%",
        "loseWomanRatio": "0.06%",
        "loseManRatio": "0.13%",
        "oneWeek": "",
        "towWeek": "",
        "threeWeek": "",
        "fourWeek": "",
        "PSI": ""
    },
    {
        "weeknumber": "2017/1/11-2017/1/20",
        "unmarriedWoman": 60,
        "unmarriedMan": 379,
        "marriedWoman": 252,
        "marriedMan": 947,
        "divorcedWoman": 55,
        "divorcedMan": 134,
        "loseWoman": 3,
        "loseMan": 6,
        "unmarriedWomanRatio": "3.27%",
        "unmarriedManRatio": "20.64%",
        "marriedWomanRatio": "13.73%",
        "marriedManRatio": "51.58%",
        "divorcedWomanRatio": "3.00%",
        "divorcedManRatio": "7.30%",
        "loseWomanRatio": "0.16%",
        "loseManRatio": "0.33%",
        "oneWeek": "0.0007 ",
        "towWeek": "0.0000 ",
        "threeWeek": "0.0002 ",
        "fourWeek": "0.0001 ",
        "PSI": "0.0010 "
    },
    {
        "weeknumber": "2017/1/21-2017/1/30",
        "unmarriedWoman": 20,
        "unmarriedMan": 118,
        "marriedWoman": 61,
        "marriedMan": 300,
        "divorcedWoman": 26,
        "divorcedMan": 39,
        "loseWoman": 2,
        "loseMan": 1,
        "unmarriedWomanRatio": "3.53%",
        "unmarriedManRatio": "20.81%",
        "marriedWomanRatio": "10.76%",
        "marriedManRatio": "52.91%",
        "divorcedWomanRatio": "4.59%",
        "divorcedManRatio": "6.88%",
        "loseWomanRatio": "0.35%",
        "loseManRatio": "0.18%",
        "oneWeek": "0.0001 ",
        "towWeek": "0.0001 ",
        "threeWeek": "0.0100 ",
        "fourWeek": "0.0008 ",
        "PSI": "0.0110 "
    },
    {
        "weeknumber": "2017/1/31-2017/2/9",
        "unmarriedWoman": 14,
        "unmarriedMan": 112,
        "marriedWoman": 73,
        "marriedMan": 297,
        "divorcedWoman": 28,
        "divorcedMan": 45,
        "loseWoman": 2,
        "loseMan": 1,
        "unmarriedWomanRatio": "2.45%",
        "unmarriedManRatio": "19.58%",
        "marriedWomanRatio": "12.76%",
        "marriedManRatio": "51.92%",
        "divorcedWomanRatio": "4.90%",
        "divorcedManRatio": "7.87%",
        "loseWomanRatio": "0.35%",
        "loseManRatio": "0.17%",
        "oneWeek": "0.0056 ",
        "towWeek": "0.0004 ",
        "threeWeek": "0.0017 ",
        "fourWeek": "0.0002 ",
        "PSI": "0.0079 "
    },
    {
        "weeknumber": "2017/2/10-2017/2/19",
        "unmarriedWoman": 32,
        "unmarriedMan": 155,
        "marriedWoman": 115,
        "marriedMan": 398,
        "divorcedWoman": 20,
        "divorcedMan": 64,
        "loseWoman": 1,
        "loseMan": 3,
        "unmarriedWomanRatio": "4.06%",
        "unmarriedManRatio": "19.67%",
        "marriedWomanRatio": "14.59%",
        "marriedManRatio": "50.51%",
        "divorcedWomanRatio": "2.54%",
        "divorcedManRatio": "8.12%",
        "loseWomanRatio": "0.13%",
        "loseManRatio": "0.38%",
        "oneWeek": "0.0002 ",
        "towWeek": "0.0003 ",
        "threeWeek": "0.0001 ",
        "fourWeek": "0.0000 ",
        "PSI": "0.0006 "
    },
    {
        "weeknumber": "2017/2/20-2017/3/1",
        "unmarriedWoman": 34,
        "unmarriedMan": 201,
        "marriedWoman": 107,
        "marriedMan": 476,
        "divorcedWoman": 34,
        "divorcedMan": 82,
        "loseWoman": 5,
        "loseMan": 3,
        "unmarriedWomanRatio": "3.61%",
        "unmarriedManRatio": "21.34%",
        "marriedWomanRatio": "11.36%",
        "marriedManRatio": "50.53%",
        "divorcedWomanRatio": "3.61%",
        "divorcedManRatio": "8.70%",
        "loseWomanRatio": "0.53%",
        "loseManRatio": "0.32%",
        "oneWeek": "0.0001 ",
        "towWeek": "0.0004 ",
        "threeWeek": "0.0067 ",
        "fourWeek": "0.0000 ",
        "PSI": "0.0071 "
    },
    {
        "weeknumber": "2017/3/2-2017/3/11",
        "unmarriedWoman": 31,
        "unmarriedMan": 160,
        "marriedWoman": 90,
        "marriedMan": 379,
        "divorcedWoman": 26,
        "divorcedMan": 72,
        "loseWoman": 2,
        "loseMan": 1,
        "unmarriedWomanRatio": "4.07%",
        "unmarriedManRatio": "21.02%",
        "marriedWomanRatio": "11.83%",
        "marriedManRatio": "49.80%",
        "divorcedWomanRatio": "3.42%",
        "divorcedManRatio": "9.46%",
        "loseWomanRatio": "0.26%",
        "loseManRatio": "0.13%",
        "oneWeek": "0.0003 ",
        "towWeek": "0.0002 ",
        "threeWeek": "0.0046 ",
        "fourWeek": "0.0002 ",
        "PSI": "0.0052 "
    },
    {
        "weeknumber": "2017/3/12-2017/3/21",
        "unmarriedWoman": 19,
        "unmarriedMan": 157,
        "marriedWoman": 81,
        "marriedMan": 384,
        "divorcedWoman": 24,
        "divorcedMan": 50,
        "loseWoman": 1,
        "loseMan": 3,
        "unmarriedWomanRatio": "2.64%",
        "unmarriedManRatio": "21.84%",
        "marriedWomanRatio": "11.27%",
        "marriedManRatio": "53.41%",
        "divorcedWomanRatio": "3.34%",
        "divorcedManRatio": "6.95%",
        "loseWomanRatio": "0.14%",
        "loseManRatio": "0.42%",
        "oneWeek": "0.0039 ",
        "towWeek": "0.0009 ",
        "threeWeek": "0.0071 ",
        "fourWeek": "0.0012 ",
        "PSI": "0.0132 "
    },
    {
        "weeknumber": "2017/3/22-2017/3/31",
        "unmarriedWoman": 13,
        "unmarriedMan": 128,
        "marriedWoman": 78,
        "marriedMan": 350,
        "divorcedWoman": 20,
        "divorcedMan": 51,
        "loseWoman": "",
        "loseMan": "",
        "unmarriedWomanRatio": "2.03%",
        "unmarriedManRatio": "20.00%",
        "marriedWomanRatio": "12.19%",
        "marriedManRatio": "54.69%",
        "divorcedWomanRatio": "3.13%",
        "divorcedManRatio": "7.97%",
        "loseWomanRatio": "0.00%",
        "loseManRatio": "0.00%",
        "oneWeek": "0.0106 ",
        "towWeek": "0.0001 ",
        "threeWeek": "0.0033 ",
        "fourWeek": "0.0028 ",
        "PSI": "0.0168 "
    },
    {
        "weeknumber": "2017/4/1-2017/4/10",
        "unmarriedWoman": 18,
        "unmarriedMan": 102,
        "marriedWoman": 44,
        "marriedMan": 268,
        "divorcedWoman": 12,
        "divorcedMan": 43,
        "loseWoman": 1,
        "loseMan": 2,
        "unmarriedWomanRatio": "3.67%",
        "unmarriedManRatio": "20.82%",
        "marriedWomanRatio": "8.98%",
        "marriedManRatio": "54.69%",
        "divorcedWomanRatio": "2.45%",
        "divorcedManRatio": "8.78%",
        "loseWomanRatio": "0.20%",
        "loseManRatio": "0.41%",
        "oneWeek": "0.0000 ",
        "towWeek": "0.0001 ",
        "threeWeek": "0.0246 ",
        "fourWeek": "0.0028 ",
        "PSI": "0.0274 "
    },
    {
        "weeknumber": "2017/4/11-2017/4/20",
        "unmarriedWoman": 18,
        "unmarriedMan": 134,
        "marriedWoman": 64,
        "marriedMan": 287,
        "divorcedWoman": 20,
        "divorcedMan": 47,
        "loseWoman": 1,
        "loseMan": "",
        "unmarriedWomanRatio": "3.15%",
        "unmarriedManRatio": "23.47%",
        "marriedWomanRatio": "11.21%",
        "marriedManRatio": "50.26%",
        "divorcedWomanRatio": "3.50%",
        "divorcedManRatio": "8.23%",
        "loseWomanRatio": "0.18%",
        "loseManRatio": "0.00%",
        "oneWeek": "0.0011 ",
        "towWeek": "0.0041 ",
        "threeWeek": "0.0074 ",
        "fourWeek": "0.0001 ",
        "PSI": "0.0127 "
    },
    {
        "weeknumber": "2017/4/21-2017/4/30",
        "unmarriedWoman": 18,
        "unmarriedMan": 109,
        "marriedWoman": 48,
        "marriedMan": 215,
        "divorcedWoman": 16,
        "divorcedMan": 37,
        "loseWoman": 1,
        "loseMan": "",
        "unmarriedWomanRatio": "4.05%",
        "unmarriedManRatio": "24.55%",
        "marriedWomanRatio": "10.81%",
        "marriedManRatio": "48.42%",
        "divorcedWomanRatio": "3.60%",
        "divorcedManRatio": "8.33%",
        "loseWomanRatio": "0.23%",
        "loseManRatio": "0.00%",
        "oneWeek": "0.0002 ",
        "towWeek": "0.0075 ",
        "threeWeek": "0.0096 ",
        "fourWeek": "0.0012 ",
        "PSI": "0.0185 "
    },
    {
        "weeknumber": "2017/5/1-2017/5/10",
        "unmarriedWoman": 16,
        "unmarriedMan": 102,
        "marriedWoman": 66,
        "marriedMan": 246,
        "divorcedWoman": 25,
        "divorcedMan": 45,
        "loseWoman": "",
        "loseMan": 2,
        "unmarriedWomanRatio": "3.19%",
        "unmarriedManRatio": "20.32%",
        "marriedWomanRatio": "13.15%",
        "marriedManRatio": "49.00%",
        "divorcedWomanRatio": "4.98%",
        "divorcedManRatio": "8.96%",
        "loseWomanRatio": "0.00%",
        "loseManRatio": "0.40%",
        "oneWeek": "0.0009 ",
        "towWeek": "0.0000 ",
        "threeWeek": "0.0009 ",
        "fourWeek": "0.0007 ",
        "PSI": "0.0026 "
    },
    {
        "weeknumber": "2017/5/11-2017/5/20",
        "unmarriedWoman": 15,
        "unmarriedMan": 107,
        "marriedWoman": 69,
        "marriedMan": 293,
        "divorcedWoman": 24,
        "divorcedMan": 51,
        "loseWoman": "",
        "loseMan": 1,
        "unmarriedWomanRatio": "2.68%",
        "unmarriedManRatio": "19.11%",
        "marriedWomanRatio": "12.32%",
        "marriedManRatio": "52.32%",
        "divorcedWomanRatio": "4.29%",
        "divorcedManRatio": "9.11%",
        "loseWomanRatio": "0.00%",
        "loseManRatio": "0.18%",
        "oneWeek": "0.0037 ",
        "towWeek": "0.0009 ",
        "threeWeek": "0.0029 ",
        "fourWeek": "0.0004 ",
        "PSI": "0.0079 "
    },
    {
        "weeknumber": "2017/5/21-2017/5/30",
        "unmarriedWoman": 19,
        "unmarriedMan": 127,
        "marriedWoman": 74,
        "marriedMan": 306,
        "divorcedWoman": 15,
        "divorcedMan": 51,
        "loseWoman": 3,
        "loseMan": 1,
        "unmarriedWomanRatio": "3.19%",
        "unmarriedManRatio": "21.31%",
        "marriedWomanRatio": "12.42%",
        "marriedManRatio": "51.34%",
        "divorcedWomanRatio": "2.52%",
        "divorcedManRatio": "8.56%",
        "loseWomanRatio": "0.50%",
        "loseManRatio": "0.17%",
        "oneWeek": "0.0009 ",
        "towWeek": "0.0003 ",
        "threeWeek": "0.0026 ",
        "fourWeek": "0.0000 ",
        "PSI": "0.0039 "
    },
    {
        "weeknumber": "2017/5/31-2017/6/9",
        "unmarriedWoman": 29,
        "unmarriedMan": 181,
        "marriedWoman": 101,
        "marriedMan": 453,
        "divorcedWoman": 27,
        "divorcedMan": 89,
        "loseWoman": "",
        "loseMan": 5,
        "unmarriedWomanRatio": "3.28%",
        "unmarriedManRatio": "20.45%",
        "marriedWomanRatio": "11.41%",
        "marriedManRatio": "51.19%",
        "divorcedWomanRatio": "3.05%",
        "divorcedManRatio": "10.06%",
        "loseWomanRatio": "0.00%",
        "loseManRatio": "0.56%",
        "oneWeek": "0.0007 ",
        "towWeek": "0.0000 ",
        "threeWeek": "0.0064 ",
        "fourWeek": "0.0000 ",
        "PSI": "0.0071 "
    },
    {
        "weeknumber": "2017/6/10-2017/6/19",
        "unmarriedWoman": 17,
        "unmarriedMan": 174,
        "marriedWoman": 70,
        "marriedMan": 359,
        "divorcedWoman": 22,
        "divorcedMan": 73,
        "loseWoman": 2,
        "loseMan": 3,
        "unmarriedWomanRatio": "2.36%",
        "unmarriedManRatio": "24.17%",
        "marriedWomanRatio": "9.72%",
        "marriedManRatio": "49.86%",
        "divorcedWomanRatio": "3.06%",
        "divorcedManRatio": "10.14%",
        "loseWomanRatio": "0.28%",
        "loseManRatio": "0.42%",
        "oneWeek": "0.0065 ",
        "towWeek": "0.0062 ",
        "threeWeek": "0.0175 ",
        "fourWeek": "0.0002 ",
        "PSI": "0.0304 "
    },
    {
        "weeknumber": "2017/6/20-2017/6/29",
        "unmarriedWoman": 19,
        "unmarriedMan": 180,
        "marriedWoman": 107,
        "marriedMan": 407,
        "divorcedWoman": 29,
        "divorcedMan": 81,
        "loseWoman": 3,
        "loseMan": 1,
        "unmarriedWomanRatio": "2.30%",
        "unmarriedManRatio": "21.77%",
        "marriedWomanRatio": "12.94%",
        "marriedManRatio": "49.21%",
        "divorcedWomanRatio": "3.51%",
        "divorcedManRatio": "9.79%",
        "loseWomanRatio": "0.36%",
        "loseManRatio": "0.12%",
        "oneWeek": "0.0072 ",
        "towWeek": "0.0008 ",
        "threeWeek": "0.0013 ",
        "fourWeek": "0.0005 ",
        "PSI": "0.0099 "
    },
    {
        "weeknumber": "2017/6/30-2017/7/9",
        "unmarriedWoman": 18,
        "unmarriedMan": 130,
        "marriedWoman": 76,
        "marriedMan": 334,
        "divorcedWoman": 20,
        "divorcedMan": 74,
        "loseWoman": "",
        "loseMan": 1,
        "unmarriedWomanRatio": "2.76%",
        "unmarriedManRatio": "19.91%",
        "marriedWomanRatio": "11.64%",
        "marriedManRatio": "51.15%",
        "divorcedWomanRatio": "3.06%",
        "divorcedManRatio": "11.33%",
        "loseWomanRatio": "0.00%",
        "loseManRatio": "0.15%",
        "oneWeek": "0.0031 ",
        "towWeek": "0.0002 ",
        "threeWeek": "0.0054 ",
        "fourWeek": "0.0000 ",
        "PSI": "0.0087 "
    },
    {
        "weeknumber": "2017/7/10-2017/7/19",
        "unmarriedWoman": 24,
        "unmarriedMan": 212,
        "marriedWoman": 86,
        "marriedMan": 468,
        "divorcedWoman": 32,
        "divorcedMan": 93,
        "loseWoman": 2,
        "loseMan": 3,
        "unmarriedWomanRatio": "2.61%",
        "unmarriedManRatio": "23.04%",
        "marriedWomanRatio": "9.35%",
        "marriedManRatio": "50.87%",
        "divorcedWomanRatio": "3.48%",
        "divorcedManRatio": "10.11%",
        "loseWomanRatio": "0.22%",
        "loseManRatio": "0.33%",
        "oneWeek": "0.0042 ",
        "towWeek": "0.0031 ",
        "threeWeek": "0.0209 ",
        "fourWeek": "0.0000 ",
        "PSI": "0.0282 "
    },
    {
        "weeknumber": "2017/7/20-2017/7/29",
        "unmarriedWoman": 26,
        "unmarriedMan": 185,
        "marriedWoman": 91,
        "marriedMan": 392,
        "divorcedWoman": 30,
        "divorcedMan": 78,
        "loseWoman": "",
        "loseMan": 1,
        "unmarriedWomanRatio": "3.24%",
        "unmarriedManRatio": "23.04%",
        "marriedWomanRatio": "11.33%",
        "marriedManRatio": "48.82%",
        "divorcedWomanRatio": "3.74%",
        "divorcedManRatio": "9.71%",
        "loseWomanRatio": "0.00%",
        "loseManRatio": "0.12%",
        "oneWeek": "0.0008 ",
        "towWeek": "0.0031 ",
        "threeWeek": "0.0068 ",
        "fourWeek": "0.0008 ",
        "PSI": "0.0115 "
    },
    {
        "weeknumber": "2017/7/30-2017/8/8",
        "unmarriedWoman": 31,
        "unmarriedMan": 235,
        "marriedWoman": 117,
        "marriedMan": 562,
        "divorcedWoman": 40,
        "divorcedMan": 92,
        "loseWoman": 2,
        "loseMan": 4,
        "unmarriedWomanRatio": "2.86%",
        "unmarriedManRatio": "21.70%",
        "marriedWomanRatio": "10.80%",
        "marriedManRatio": "51.89%",
        "divorcedWomanRatio": "3.69%",
        "divorcedManRatio": "8.49%",
        "loseWomanRatio": "0.18%",
        "loseManRatio": "0.37%",
        "oneWeek": "0.0024 ",
        "towWeek": "0.0007 ",
        "threeWeek": "0.0097 ",
        "fourWeek": "0.0002 ",
        "PSI": "0.0131 "
    },
    {
        "weeknumber": "2017/8/9-2017/8/18",
        "unmarriedWoman": 38,
        "unmarriedMan": 245,
        "marriedWoman": 117,
        "marriedMan": 502,
        "divorcedWoman": 47,
        "divorcedMan": 90,
        "loseWoman": "",
        "loseMan": 4,
        "unmarriedWomanRatio": "3.64%",
        "unmarriedManRatio": "23.49%",
        "marriedWomanRatio": "11.22%",
        "marriedManRatio": "48.13%",
        "divorcedWomanRatio": "4.51%",
        "divorcedManRatio": "8.63%",
        "loseWomanRatio": "0.00%",
        "loseManRatio": "0.38%",
        "oneWeek": "0.0000 ",
        "towWeek": "0.0042 ",
        "threeWeek": "0.0074 ",
        "fourWeek": "0.0015 ",
        "PSI": "0.0131 "
    },
    {
        "weeknumber": "2017/8/19-2017/8/28",
        "unmarriedWoman": 37,
        "unmarriedMan": 229,
        "marriedWoman": 96,
        "marriedMan": 501,
        "divorcedWoman": 38,
        "divorcedMan": 112,
        "loseWoman": "",
        "loseMan": 5,
        "unmarriedWomanRatio": "3.63%",
        "unmarriedManRatio": "22.50%",
        "marriedWomanRatio": "9.43%",
        "marriedManRatio": "49.21%",
        "divorcedWomanRatio": "3.73%",
        "divorcedManRatio": "11.00%",
        "loseWomanRatio": "0.00%",
        "loseManRatio": "0.49%",
        "oneWeek": "0.0000 ",
        "towWeek": "0.0019 ",
        "threeWeek": "0.0201 ",
        "fourWeek": "0.0005 ",
        "PSI": "0.0226 "
    },
    {
        "weeknumber": "2017/8/29-2017/9/7",
        "unmarriedWoman": 21,
        "unmarriedMan": 260,
        "marriedWoman": 123,
        "marriedMan": 664,
        "divorcedWoman": 38,
        "divorcedMan": 115,
        "loseWoman": 1,
        "loseMan": 2,
        "unmarriedWomanRatio": "1.72%",
        "unmarriedManRatio": "21.24%",
        "marriedWomanRatio": "10.05%",
        "marriedManRatio": "54.25%",
        "divorcedWomanRatio": "3.10%",
        "divorcedManRatio": "9.40%",
        "loseWomanRatio": "0.08%",
        "loseManRatio": "0.16%",
        "oneWeek": "0.0160 ",
        "towWeek": "0.0003 ",
        "threeWeek": "0.0148 ",
        "fourWeek": "0.0022 ",
        "PSI": "0.0334 "
    },
    {
        "weeknumber": "2017/9/8-2017/9/17",
        "unmarriedWoman": 29,
        "unmarriedMan": 250,
        "marriedWoman": 114,
        "marriedMan": 566,
        "divorcedWoman": 32,
        "divorcedMan": 102,
        "loseWoman": 4,
        "loseMan": 3,
        "unmarriedWomanRatio": "2.64%",
        "unmarriedManRatio": "22.73%",
        "marriedWomanRatio": "10.36%",
        "marriedManRatio": "51.45%",
        "divorcedWomanRatio": "2.91%",
        "divorcedManRatio": "9.27%",
        "loseWomanRatio": "0.36%",
        "loseManRatio": "0.27%",
        "oneWeek": "0.0040 ",
        "towWeek": "0.0024 ",
        "threeWeek": "0.0125 ",
        "fourWeek": "0.0001 ",
        "PSI": "0.0190 "
    },
    {
        "weeknumber": "2017/9/18-2017/9/27",
        "unmarriedWoman": 35,
        "unmarriedMan": 291,
        "marriedWoman": 169,
        "marriedMan": 688,
        "divorcedWoman": 40,
        "divorcedMan": 122,
        "loseWoman": "",
        "loseMan": 3,
        "unmarriedWomanRatio": "2.60%",
        "unmarriedManRatio": "21.59%",
        "marriedWomanRatio": "12.54%",
        "marriedManRatio": "51.04%",
        "divorcedWomanRatio": "2.97%",
        "divorcedManRatio": "9.05%",
        "loseWomanRatio": "0.00%",
        "loseManRatio": "0.22%",
        "oneWeek": "0.0043 ",
        "towWeek": "0.0006 ",
        "threeWeek": "0.0023 ",
        "fourWeek": "0.0000 ",
        "PSI": "0.0072 "
    },
    {
        "weeknumber": "2017/9/28-2017/10/7",
        "unmarriedWoman": 10,
        "unmarriedMan": 108,
        "marriedWoman": 52,
        "marriedMan": 256,
        "divorcedWoman": 14,
        "divorcedMan": 42,
        "loseWoman": 1,
        "loseMan": 1,
        "unmarriedWomanRatio": "2.07%",
        "unmarriedManRatio": "22.31%",
        "marriedWomanRatio": "10.74%",
        "marriedManRatio": "52.89%",
        "divorcedWomanRatio": "2.89%",
        "divorcedManRatio": "8.68%",
        "loseWomanRatio": "0.21%",
        "loseManRatio": "0.21%",
        "oneWeek": "0.0101 ",
        "towWeek": "0.0016 ",
        "threeWeek": "0.0100 ",
        "fourWeek": "0.0008 ",
        "PSI": "0.0226 "
    },
    {
        "weeknumber": "2017/10/8-2017/10/17",
        "unmarriedWoman": 30,
        "unmarriedMan": 316,
        "marriedWoman": 160,
        "marriedMan": 729,
        "divorcedWoman": 45,
        "divorcedMan": 128,
        "loseWoman": 2,
        "loseMan": 2,
        "unmarriedWomanRatio": "2.12%",
        "unmarriedManRatio": "22.38%",
        "marriedWomanRatio": "11.33%",
        "marriedManRatio": "51.63%",
        "divorcedWomanRatio": "3.19%",
        "divorcedManRatio": "9.07%",
        "loseWomanRatio": "0.14%",
        "loseManRatio": "0.14%",
        "oneWeek": "0.0093 ",
        "towWeek": "0.0017 ",
        "threeWeek": "0.0068 ",
        "fourWeek": "0.0001 ",
        "PSI": "0.0180 "
    },
    {
        "weeknumber": "2017/10/18-2017/10/27",
        "unmarriedWoman": 34,
        "unmarriedMan": 308,
        "marriedWoman": 141,
        "marriedMan": 629,
        "divorcedWoman": 42,
        "divorcedMan": 114,
        "loseWoman": 1,
        "loseMan": 4,
        "unmarriedWomanRatio": "2.67%",
        "unmarriedManRatio": "24.19%",
        "marriedWomanRatio": "11.08%",
        "marriedManRatio": "49.41%",
        "divorcedWomanRatio": "3.30%",
        "divorcedManRatio": "8.96%",
        "loseWomanRatio": "0.08%",
        "loseManRatio": "0.31%",
        "oneWeek": "0.0037 ",
        "towWeek": "0.0063 ",
        "threeWeek": "0.0081 ",
        "fourWeek": "0.0004 ",
        "PSI": "0.0185 "
    },
    {
        "weeknumber": "2017/10/28-2017/11/6",
        "unmarriedWoman": 21,
        "unmarriedMan": 244,
        "marriedWoman": 136,
        "marriedMan": 559,
        "divorcedWoman": 33,
        "divorcedMan": 85,
        "loseWoman": 1,
        "loseMan": "",
        "unmarriedWomanRatio": "1.95%",
        "unmarriedManRatio": "22.61%",
        "marriedWomanRatio": "12.60%",
        "marriedManRatio": "51.81%",
        "divorcedWomanRatio": "3.06%",
        "divorcedManRatio": "7.88%",
        "loseWomanRatio": "0.09%",
        "loseManRatio": "0.00%",
        "oneWeek": "0.0119 ",
        "towWeek": "0.0022 ",
        "threeWeek": "0.0021 ",
        "fourWeek": "0.0002 ",
        "PSI": "0.0164 "
    },
    {
        "weeknumber": "2017/11/7-2017/11/16",
        "unmarriedWoman": 35,
        "unmarriedMan": 263,
        "marriedWoman": 135,
        "marriedMan": 621,
        "divorcedWoman": 38,
        "divorcedMan": 116,
        "loseWoman": "",
        "loseMan": 4,
        "unmarriedWomanRatio": "2.89%",
        "unmarriedManRatio": "21.70%",
        "marriedWomanRatio": "11.14%",
        "marriedManRatio": "51.24%",
        "divorcedWomanRatio": "3.14%",
        "divorcedManRatio": "9.57%",
        "loseWomanRatio": "0.00%",
        "loseManRatio": "0.33%",
        "oneWeek": "0.0023 ",
        "towWeek": "0.0007 ",
        "threeWeek": "0.0078 ",
        "fourWeek": "0.0000 ",
        "PSI": "0.0109 "
    },
    {
        "weeknumber": "2017/11/17-2017/11/26",
        "unmarriedWoman": 24,
        "unmarriedMan": 209,
        "marriedWoman": 114,
        "marriedMan": 514,
        "divorcedWoman": 20,
        "divorcedMan": 74,
        "loseWoman": 1,
        "loseMan": "",
        "unmarriedWomanRatio": "2.51%",
        "unmarriedManRatio": "21.86%",
        "marriedWomanRatio": "11.92%",
        "marriedManRatio": "53.77%",
        "divorcedWomanRatio": "2.09%",
        "divorcedManRatio": "7.74%",
        "loseWomanRatio": "0.10%",
        "loseManRatio": "0.00%",
        "oneWeek": "0.0051 ",
        "towWeek": "0.0009 ",
        "threeWeek": "0.0042 ",
        "fourWeek": "0.0016 ",
        "PSI": "0.0118 "
    },
    {
        "weeknumber": "2017/11/27-2017/12/6",
        "unmarriedWoman": 24,
        "unmarriedMan": 262,
        "marriedWoman": 113,
        "marriedMan": 627,
        "divorcedWoman": 30,
        "divorcedMan": 96,
        "loseWoman": 4,
        "loseMan": 2,
        "unmarriedWomanRatio": "2.07%",
        "unmarriedManRatio": "22.63%",
        "marriedWomanRatio": "9.76%",
        "marriedManRatio": "54.15%",
        "divorcedWomanRatio": "2.59%",
        "divorcedManRatio": "8.29%",
        "loseWomanRatio": "0.35%",
        "loseManRatio": "0.17%",
        "oneWeek": "0.0101 ",
        "towWeek": "0.0022 ",
        "threeWeek": "0.0172 ",
        "fourWeek": "0.0021 ",
        "PSI": "0.0315 "
    },
    {
        "weeknumber": "2017/12/7-2017/12/16",
        "unmarriedWoman": 19,
        "unmarriedMan": 177,
        "marriedWoman": 105,
        "marriedMan": 488,
        "divorcedWoman": 17,
        "divorcedMan": 67,
        "loseWoman": 1,
        "loseMan": 2,
        "unmarriedWomanRatio": "2.17%",
        "unmarriedManRatio": "20.21%",
        "marriedWomanRatio": "11.99%",
        "marriedManRatio": "55.71%",
        "divorcedWomanRatio": "1.94%",
        "divorcedManRatio": "7.65%",
        "loseWomanRatio": "0.11%",
        "loseManRatio": "0.23%",
        "oneWeek": "0.0088 ",
        "towWeek": "0.0000 ",
        "threeWeek": "0.0040 ",
        "fourWeek": "0.0044 ",
        "PSI": "0.0172 "
    },
    {
        "weeknumber": "2017/12/17-2017/12/26",
        "unmarriedWoman": 27,
        "unmarriedMan": 182,
        "marriedWoman": 113,
        "marriedMan": 513,
        "divorcedWoman": 20,
        "divorcedMan": 75,
        "loseWoman": 1,
        "loseMan": 2,
        "unmarriedWomanRatio": "2.89%",
        "unmarriedManRatio": "19.51%",
        "marriedWomanRatio": "12.11%",
        "marriedManRatio": "54.98%",
        "divorcedWomanRatio": "2.14%",
        "divorcedManRatio": "8.04%",
        "loseWomanRatio": "0.11%",
        "loseManRatio": "0.21%",
        "oneWeek": "0.0023 ",
        "towWeek": "0.0005 ",
        "threeWeek": "0.0036 ",
        "fourWeek": "0.0032 ",
        "PSI": "0.0095 "
    },
    {
        "weeknumber": "2017/12/27-2018/1/1",
        "unmarriedWoman": 7,
        "unmarriedMan": 71,
        "marriedWoman": 30,
        "marriedMan": 171,
        "divorcedWoman": 6,
        "divorcedMan": 23,
        "loseWoman": 1,
        "loseMan": "",
        "unmarriedWomanRatio": "2.27%",
        "unmarriedManRatio": "22.98%",
        "marriedWomanRatio": "9.71%",
        "marriedManRatio": "55.34%",
        "divorcedWomanRatio": "1.94%",
        "divorcedManRatio": "7.44%",
        "loseWomanRatio": "0.32%",
        "loseManRatio": "0.00%",
        "oneWeek": "0.0076 ",
        "towWeek": "0.0029 ",
        "threeWeek": "0.0176 ",
        "fourWeek": "0.0038 ",
        "PSI": "0.0319 "
    }
])

const clearable = () => {
    channel.value = ""
    target.value = ""
    monitoringCycle.value = ""
}

const search = () => {
    console.log(monitoringCycle.value)
}

// 创建一个响应式引用来存储DOM元素
const chartRef = ref(null)
onMounted(() => {

    // 确保DOM元素已经挂载
    if (chartRef.value) {
        // 初始化echarts实例
        const myChart = echarts.init(chartRef.value)
        // 配置echarts选项
        const option ={
              tooltip: {
                    trigger: 'axis'
                },
            xAxis: {
                type: 'category',
                data: ["2017/1/11-2017/1/20",
                        "2017/1/21-2017/1/30",
                        "2017/1/31-2017/2/9",
                        "2017/2/10-2017/2/19",
                        "2017/2/20-2017/3/1",
                        "2017/3/2-2017/3/11",
                        "2017/3/12-2017/3/21",
                        "2017/3/22-2017/3/31",
                        "2017/4/1-2017/4/10",
                        "2017/4/11-2017/4/20",
                        "2017/4/21-2017/4/30",
                        "2017/5/1-2017/5/10",
                        "2017/5/11-2017/5/20",
                        "2017/5/21-2017/5/30",
                        "2017/5/31-2017/6/9",
                        "2017/6/10-2017/6/19",
                        "2017/6/20-2017/6/29",
                        "2017/6/30-2017/7/9",
                        "2017/7/10-2017/7/19",
                        "2017/7/20-2017/7/29",
                        "2017/7/30-2017/8/8",
                        "2017/8/9-2017/8/18",
                        "2017/8/19-2017/8/28",
                        "2017/8/29-2017/9/7",
                        "2017/9/8-2017/9/17",
                        "2017/9/18-2017/9/27",
                        "2017/9/28-2017/10/7",
                        "2017/10/8-2017/10/17",
                        "2017/10/18-2017/10/27",
                        "2017/10/28-2017/11/6",
                        "2017/11/7-2017/11/16",
                        "2017/11/17-2017/11/26",
                        "2017/11/27-2017/12/6",
                        "2017/12/7-2017/12/16",
                        "2017/12/17-2017/12/26",
                        "2017/12/27-2018/1/1"
                        ]
            },
            yAxis: {
                type: 'value'
            },
            series: [
                {
                data: [0.0010,
                        0.0110,
                        0.0079,
                        0.0006,
                        0.0071,
                        0.0052,
                        0.0132,
                        0.0168,
                        0.0274,
                        0.0127,
                        0.0185,
                        0.0026,
                        0.0079,
                        0.0039,
                        0.0071,
                        0.0304,
                        0.0099,
                        0.0087,
                        0.0282,
                        0.0115,
                        0.0131,
                        0.0131,
                        0.0226,
                        0.0334,
                        0.0190,
                        0.0072,
                        0.0226,
                        0.0180,
                        0.0185,
                        0.0164,
                        0.0109,
                        0.0118,
                        0.0315,
                        0.0172,
                        0.0095,
                        0.0319
                        ],
                type: 'line',
                smooth: true
                }
            ]
            }

        // 使用配置项和数据显示图表
        myChart.setOption(option)
    }
})
</script>
<style scoped lang="scss">
.search {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 40px;
    margin-left: 40px;
    width: 100%;


    .search-obj {
        margin-left: 80px;
        margin-top: 40px;
        width: 600px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        justify-self: center;

        .title {
            width: 200px;
            align-content: center;
            text-align: end;
            margin-right: 10px;
        }
    }


}
.table {
    width: 95%;
    margin-left: 2%;
    margin-right: 2%;

}

.submit {
    position: absolute;
    right: 100px;
    margin-top: 20px;
}

.el-divider {
    margin-top: 100px;
}
.result-describe{
    font-size: 20px;
    font-weight: 400;
    margin-top: 40px;
    margin-left: 40px;
    margin-bottom: 400px;
}
.image-describe{
    font-size: 30px;
    font-weight: 800;
    margin-top: 40px;
    margin-left: 40px;
    margin-bottom: 20px;
}
.echarts-table{
    width: 100%;
    margin-left: -10rem;
}
</style>